/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
/*头部*/
.header{height: 150px;overflow: hidden;}
.header .headLogo{/* height: 90px; */}
.header .headLogo img{/* height: 100px; */}
.headTel{font-size: 14px;color: #3f3f3f;position: relative;background: url(../image/telIco-a.jpg) no-repeat left 10px;height: 60px;padding-left:40px;margin-top: 49px;margin-right: 10px;}
.headTel span{color: #ff7710;font-size: 20px;}
.headTel .headCxt-a{position: absolute;right: 0;top: 30px;}
.headCxt-b{margin-top: 40px;}


/*导航*/
.headNav{background: #005a98;height: 54px;}
.headNav .menu1>li{float: left;text-align: center;color: #fff;width: 132px;}
.headNav .menu1 > li >a{display:block;color: #fff;transition: all .5s;border-left: 1px solid #004d81;border-right:1px solid  #0f649e;font-size: 16px;line-height:54px;}
.headNav .menu1 > li >a:hover,.headNav .menu1 > li >a.current{background-color:#449fdd;}
.headNav  .menu2{position: absolute;z-index: 555;background: #4b9ee0;width: 132px;display: none;}
.headNav  .menu2 li{border-bottom: 1px solid #2572bc;}
.headNav  .menu2 li a{display:block;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;padding: 0 10px; overflow:hidden; text-overflow:ellipsis;}
.headNav  .menu2 li a:hover{background: #2572bc;}
.headNav  .menu2 li:last-child{border-bottom: 0;}

/*广告*/
.banner{width: 100%;height: 530px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height: 530px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:20px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 6px;height: 6px;margin-right: 10px;cursor: pointer;overflow: hidden;border: 2px solid #0676c3;border-radius: 50%;}
.banner .hd ul li.on{background: #0676c3;}
.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:50%;margin-top: -20px;}
.banner .prev{background: url(../image/banner-pn.png) no-repeat left bottom;left: 5%;}
.banner .next{background: url(../image/banner-pn.png) no-repeat right bottom;right: 5%;}

/* 搜索*/
.homeSearch{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid  #e0e0e0;}
.homeSearch .key{float: left;color: #666666;}
.homeSearch .key a{margin: 0 2px;color: #666666;}
.homeSearch .key a:hover{color: #0676c3;}
.homeSearch .homeSearch-box{float: right;border-bottom: 1px solid #aaa;padding-bottom: 5px;margin-top: 4px;}
.homeSearch .homeSearch-box form{overflow: hidden;}
.homeSearch .homeSearch-box form input{display: block;float: left;}
.homeSearch .homeSearch-box .word{width: 270px;height: 32px;line-height: 32px;text-indent: 1em;}
.homeSearch .homeSearch-box .sousuo{width: 32px;height: 34px;cursor: pointer;background:url(../image/seaeIco-a.png) no-repeat center center;}

/*板块主题*/
.homeTopic{text-align: center;font-size: 38px;color: #333333;}
.homeTopic b{color: #0676c3;}
.homeTopic span{display: block;font-weight: normal;font-size: 12px;color: #adadad;margin-top: 10px;position: relative;}
.homeTopic span:after{position: absolute;content: "";width: 22px;height: 1px;background: url(../image/hTopic-line.png) no-repeat center center;left: 50%;margin-left: -11px;bottom: -10px;}
/*产品中心*/
.homeProd{padding: 35px 0 75px 0;}
.homeProd h3{margin-bottom: 40px;}
.homeProd-wrap{height: 801px;overflow: hidden;}
.homeProd-tab{text-align: center;font-size: 0;margin-bottom: 50px;}
.homeProd-tab a{display:inline-block;width:226px;height: 50px;line-height: 50px;border: 1px solid #cccccc;margin-right: -1px;font-size: 18px;color: #191919;transition: all .5s;}
.homeProd-tab a:hover,.homeProd-tab .on{background-color: #0093dd;border-color: #0093dd;color: #fff;}
.homeProd-video{overflow: hidden;margin-bottom: 30px;}
.homeProd-video .videoPic{display: block;width: 640px;height: 390px;overflow: hidden;position: relative;}
.homeProd-video .videoPic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeProd-video .videoPic:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:url(../image/videoIco-a.png) no-repeat center center rgba(0,0,0,0.8);z-index: 1;}
.homeProd-video  .videoPic:hover img{transform:scale(1.2);}

.homeProd-video .homeProd-videoRight{width: 460px;padding: 60px 50px;background-color: #f2f2f2;height: 270px;}
.homeProd-videoRight h5{font-size: 20px;color: #000000;font-weight: normal;margin-bottom: 40px;}
.homeProd-videoRight h5 span{display: block;font-size: 18px;color:#222222;margin-bottom: 10px;}
.homeProd-videoRight p{font-size: 12px;color: #333333;line-height: 22px;height: 100px;overflow: hidden;margin-bottom: 40px;}
.homeProd-videoRight .more{display: block;font-size: 12px;color: #666666;position: relative;line-height: 30px;width: 135px;height: 30px;background: url(../image/jt-a.png) no-repeat right center;transition: all .5s;}
.homeProd-videoRight .more:before{content: "";position: absolute;border: 1px solid #f2f2f2;transition: all .5s;transform: scale(0.6);opacity: 0;width: 120px;height: 30px;left: 0}
.homeProd-videoRight .more:hover:before{opacity: 1;transform: scale(1.0);border-color: #0093dd;}
.homeProd-videoRight .more:hover{padding-left: 20px;}

.homeProd-list li{width: 298px;border:1px solid #d9d9d9;border-bottom: 0;float: left;margin-right: -1px;}
.homeProd-list li a{display: block;width: 100%;height: 100%;position: relative;}
.homeProd-list li a:before{content: "";position: absolute;left: -1px;right: -1px;top: -1px;bottom: 0px;border: 1px solid #d9d9d9;border-bottom: 0;opacity: 0;z-index: 1;transition: all .5s;}
.homeProd-list li .pic{height: 320px;overflow: hidden;width: 100%;position: relative;}
.homeProd-list li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeProd-list li .pic .cover{position: absolute;left: 4px;right: 4px;top: 4px;bottom: 4px;background: rgba(0,0,0,0.8);color: #e8e9e9;font-size: 12px;line-height: 22px;padding:70% 30px  0;text-align: center;opacity: 0;transition: all .5s;}
.homeProd-list li .pic .cover:before{content: "";position: absolute;width: 48px;height: 50px;background: url(../image/view-case.png) no-repeat center center;left: 50%;margin-left: -24px;top: 15%;transition: all .5s;opacity: 0;}
.homeProd-list li h4{height: 60px;line-height: 60px;color: #191919;font-weight: normal;text-align: center;background-color: #e5e5e5;transition: all .5s;}
.homeProd-list li:hover .pic img{transform:scale(1.2);}
.homeProd-list li:hover h4{background-color: #0676c3;color: #fff;}
.homeProd-list li a:hover:before{border-color: #0676c3;opacity: 1;}
.homeProd-list li:hover .pic .cover{opacity: 1;}
.homeProd-list li:hover .pic .cover:before{top: 25%;opacity: 1}
.homeProd-list li:hover .pic .cover{padding-top: 55%;}

/*产品优点*/
.homeAdwant{background: url(../image/hAdwant-bg.jpg) no-repeat center center;height: 170px;padding: 20px 0;}
.homeAdwant li{width: 219px;height: 190px;float: left;color: #fff;text-align: center;padding: 0 40px;border-right: 1px dotted #266c8f;cursor: default;overflow: hidden;}
.homeAdwant li i{width: 70px;height: 65px;display: block;text-align: center;margin: 0 auto 20px;position: relative;}
.homeAdwant li .tit{display: block;font-size:24px;margin-bottom: 10px;position: relative;}
.homeAdwant li .txt{font-size: 14px;color: #cdcfd6;position: relative;}
@keyframes moveFromLeft{
    from { right: 100%;opacity: 0}
    to { right: 0;opacity: 1 }
}
@keyframes moveFromRight{
    from {left: 100%;opacity: 0}
    to {left: 0;opacity: 1}
}
@keyframes moveFromTop{
     from {top:10%; opacity: 0;}
    to {top: 0;opacity: 1}
}
.homeAdwant li:hover i{animation: moveFromLeft .8s ease;}
.homeAdwant li:hover .tit{animation: moveFromRight .8s ease;}
.homeAdwant li:hover .txt{animation: moveFromTop .7s linear;}

/*合作伙伴*/
.homePartner{background-color: #eeeeee;padding: 75px 0;}
.homePartner h3{margin-bottom: 50px;}
.homePartner-main{position: relative;}
.homePartner-wrap{overflow: hidden;}
.homePartner-main ul{width: 1220px;}
.homePartner-main li{width: 230px;float: left;padding: 5px;}
.homePartner-main li a{display: block;width: 230px;box-shadow: 0 0  4px  1px rgba(0,0,0,0);transition: all .5s;}
.homePartner-main li img{display: block;width: 100%;height: 85px;margin-bottom: 1px;}
.homePartner-main li span{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 12px;color: #333333;background-color: #fff;position: relative;}
.homePartner-main li span:before{position: absolute;content: "";left: 0;top: -1px;height: 1px;background-color: #0676c3;width: 0;transition: all .5s;}
.homePartner-main .prev,.homePartner-main .next{position: absolute;content: "";width:36px;height: 36px;border-radius: 50%;background-color: #cccccc;background-position: center center;background-repeat: no-repeat;transition: all .5s;top: 50%;margin-top: -18px; }
.homePartner-main .prev:hover,.homePartner-main .next:hover{background-color: #0676c3}
.homePartner-main .prev{background-image: url(../image/tabIco-a1.png);left: -4%;}
.homePartner-main .prev:hover{background-image: url(../image/tabIco-b1.png)}
.homePartner-main .next{background-image: url(../image/tabIco-a2.png);right:-4%;}
.homePartner-main .next:hover{background-image: url(../image/tabIco-b2.png)}
.homePartner-main li:hover a{box-shadow: 0 0  4px  1px rgba(0,0,0,0.08);}
.homePartner-main li:hover a span{color: #0676c3}
.homePartner-main li:hover span:before{width: 100%;}

/*5大优势*/
.homeYs{padding-top: 75px;}
.homeYs h3{text-align: center;margin-bottom: 50px;}
.homeYs-main{overflow: hidden;}
.homeYs-main li{box-shadow:0px  20px 50px rgba(0,0,0,0.1);height: 382px;}
.homeYs-main li .pic{display: block;overflow: hidden;}
.homeYs-main li img{position: relative;z-index: -1;display: block;transition: all .5s;}
.homeYs-main dl{padding-left: 140px;}
.homeYs-main dl dt h5{font-size: 38px;color: #191919;margin-bottom: 30px;position: relative;right: 0;transition: all .5s;font-weight: normal; }
.homeYs-main dl dt h5:before{content: "";position: absolute;width: 0;height: 3px;background-color: #0676c3;left: 170px;top: 10px;opacity:0;}
.homeYs-main dl dt b{display: block;width: 85px;height: 89px;background: url(../image/hYs-numBg.png) no-repeat center center;float: left;font-size: 38px;text-align: center;line-height: 89px;color: #fff;margin-left: -140px;position: relative;transition: all .5s;top: 0}
.homeYs-main dl dt span{font-size: 18px;color: #bbbbbb;display: block;margin-top: 10px;}
.homeYs-main dl dd{font-size: 14px;color: #191919;margin-bottom: 8px;position: relative;padding-left: 25px;}
.homeYs-main dl dd:before{position: absolute;content: "";width: 5px;height: 5px;background-color: #0676c3;left: 0px;top: 10px;}
.homeYs-main .ys1 .pic,.homeYs-main .ys3 .pic,.homeYs-main .ys5 .pic{float: right;}
.homeYs-main .ys1 .left,.homeYs-main .ys3 .left,.homeYs-main .ys5 .left{float: left;text-align: left;margin-top: 100px;}
.homeYs-main .ys2 .pic,.homeYs-main .ys4 .pic{float: left;}
.homeYs-main .ys2 .right,.homeYs-main .ys4 .right{float: right;text-align: left;margin-top: 100px;}
.homeYs-main li:hover dl dt b{top: 90px;}
.homeYs-main li:hover dl dt h5{right: 140px;}
.homeYs-main li:hover img{transform: scale(1.15);}
.homeYs-main li:hover dl dt h5:before{width: 60px;transition: all .5s;opacity: 1;transition-delay: .3s;}

/*服务*/
.homeServe{background: url(../image/hServe-bg.jpg) no-repeat center center;height: 110px;padding: 25px 0;}
.homeServe li{float: left;height: 120px;cursor: default;}
.homeServe li i{display: block;width: 100px;height: 100px;background-position: center center;background-repeat: no-repeat;background-color: #004b70;border-radius: 50%;float: left;margin-right: 20px;margin-top: 10px;position: relative;}
.homeServe li h6{font-size: 26px;color: #191919;font-weight: normal;margin-bottom: 10px;}
.homeServe .s1,.homeServe .s3{width: 300px;}
.homeServe .s2{width: 330px;padding: 0 60px;border-left: 1px dotted #a1a1a1;border-right: 1px dotted #a1a1a1;margin: 0 60px;}
.homeServe .s1 i{background-image: url(../image/hServe-ico1.png);}
.homeServe .s2 i{background-image: url(../image/hServe-ico2.png);}
.homeServe .s3 i{background-image: url(../image/hServe-ico3.png);}
.homeServe li:hover i{animation: moveToTop .7s linear;}
@keyframes moveToTop{
     0% {top:0;}
    50% {top: -20%;}
    100% {top: 0;}
}


/*关于*/
.homeAbout{background: url(../image/hAbout-bg.jpg) no-repeat center center;padding: 80px 0;height: 440px;}
.homeAbout .left{width: 644px;margin-right: 60px;height: 440px;overflow: hidden;position: relative;cursor: pointer;}
.homeAbout .left img{width: 100%;height: 100%;display: block;transition: all .5s;}
.homeAbout .left:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:url(../image/videoIco-b.png) no-repeat center center rgba(0,0,0,0.0);z-index: 1}
.homeAbout .right{width: 460px;}
.homeAbout .right h2{font-size: 38px;color: #fff;margin-bottom: 35px;}
.homeAbout .right h2 span{display: block;margin-top: 15px;}
.homeAbout .right h3{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 20px;}
.homeAbout .homeAbout-txt{height: 170px;overflow: hidden;font-size: 14px;line-height: 24px;color: #fff;margin-bottom: 40px;}
.homeAbout .more{display: block;font-size: 12px;color: #fff;position: relative;line-height: 30px;width: 135px;height: 30px;background: url(../image/jt-b.png) no-repeat right center;transition: all .5s;}
.homeAbout .more:before{content: "";position: absolute;border: 1px solid #0093dd;transition: all .5s;transform: scale(0.6);opacity: 0;width: 120px;height: 30px;left: 0}
.homeAbout .more:hover:before{opacity: 1;transform: scale(1.0);border-color: #fff;}
.homeAbout .more:hover{padding-left: 20px;}
.homeAbout .left:hover img{transform:scale(1.2);}


/*实力展示*/
.homePower{padding:75px 0;border-bottom: 1px solid #dedede;}
.homePower-wrap{height: 245px;overflow: hidden;}
.homePower-tab{text-align: center;font-size: 0;margin-bottom: 50px;}
.homePower-tab a{display:inline-block;width:250px;height: 50px;line-height: 50px;border: 1px solid #cccccc;margin-right: -1px;font-size: 18px;color: #191919;transition: all .5s;}
.homePower-tab a:hover,.homePower-tab .on{background-color: #0093dd;border-color: #0093dd;color: #fff;}
.homePower-box{overflow: hidden;}
.homePower-box ul{width: 1230px;}
.homePower-box li{width:280px;float: left;margin-right:25px;}
.homePower-box li span{display: block;}
.homePower-box li .pic{height: 210px;overflow: hidden;}
.homePower-box li .pic img{width: 100%;height: 100%;transition: all .5s;-webkit-transition:all .5s;}
.homePower-box li:hover .pic img{transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-moz-transform: scale(1.2);}
.homePower-box li .txt{height:40px;line-height: 40px;text-align: center;font-size: 14px;color: #9b9b9b;}
.homePower-box li:hover .txt{color: #0676c3;}
.homePower-main{position: relative;}
.homePower-main .pPrev,.homePower-main .pNext{position: absolute;content: "";width:36px;height: 36px;border-radius: 50%;background-color: #cccccc;background-position: center center;background-repeat: no-repeat;transition: all .5s;top: 55%; }
.homePower-main .pPrev:hover,.homePower-main .pNext:hover{background-color: #0676c3}
.homePower-main .pPrev{background-image: url(../image/tabIco-a1.png);left: -4%;}
.homePower-main .pPrev:hover{background-image: url(../image/tabIco-b1.png)}
.homePower-main .pNext{background-image: url(../image/tabIco-a2.png);right:-4%;}
.homePower-main .pNext:hover{background-image: url(../image/tabIco-b2.png)}


/*文章 */
.homeArticle{padding: 75px 0;}
.homeArticle h3{font-size: 28px;color: #333333;margin-bottom: 25px;}
.homeArticle h3 span{font-size: 12px;color: #cbcbcb;font-weight: normal;margin-left: 15px;}
.homeArticle .list{width: 340px;float: left;padding: 0 29px;border-left: 1px solid #dedede;border-right: 1px solid #dedede;margin-right: -1px;height: 600px;}
.homeArticle .pic{display: block;width: 340px;height: 165px;overflow: hidden;margin-bottom: 25px;}
.homeArticle .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeArticle ul{height: 270px;margin-bottom: 30px;}
.homeArticle .fqa li{padding-left: 40px;margin-bottom: 30px;}
.homeArticle .fqa li h5{font-size: 14px;color: #191919;font-weight: normal;margin-bottom: 10px;position: relative;}
.homeArticle .fqa li h5:before{content: "";position: absolute;width: 21px;height: 21px;background: url(../image/hFqa-ico1.jpg) no-repeat center center;left: -40px;}
.homeArticle .fqa li h5 a{display:block;color: #191919;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeArticle .fqa li:hover h5 a{color: #0676c3;padding-left: 10px;}
.homeArticle .fqa li p{font-size: 12px;color: #666666;line-height: 18px;position: relative;}
.homeArticle .fqa li p:before{content: "";position: absolute;width: 21px;height: 21px;background: url(../image/hFqa-ico2.png) no-repeat center center;left: -40px;}
.homeArticle .moreArticle{display: block;font-size: 12px;color: #666666;position: relative;line-height: 30px;width: 135px;height: 30px;background: url(../image/jt-c.png) no-repeat right center;transition: all .5s;}
.homeArticle .moreArticle:before{content: "";position: absolute;border: 1px solid #f2f2f2;transition: all .5s;transform: scale(0.6);opacity: 0;width: 120px;height: 30px;left: 0}
.homeArticle .moreArticle:hover:before{opacity: 1;transform: scale(1.0);border-color: #0093dd;}
.homeArticle .moreArticle:hover{padding-left: 20px;background: url(../image/jt-a.png) no-repeat right center;color:#0093dd }
.homeArticle .comesNew li,.homeArticle .indusNew li{margin-bottom: 20px;position: relative;}
.homeArticle .comesNew li a,.homeArticle .indusNew li a{display:block;color: #484848;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeArticle .comesNew li:hover a,.homeArticle .indusNew li:hover a{color: #0676c3;padding-left: 10px;}
.homeArticle .comesNew li:before,.homeArticle .indusNew li:before{content: "";position: absolute;left:-30px;width: 1px;height: 16px;background-color: #dedede;top: 5px;opacity: 0;transition: all .5s;}
.homeArticle .comesNew li:hover:before,.homeArticle .indusNew li:hover:before{opacity: 1;background-color:#0676c3; }


/*底部*/
.footer{background:#212121;color:#959494;padding: 36px 0 24px 0;}
.footer a{color: #959494}
.footer a:hover{color: #fff;}
.footLeft{width: 740px;border-right: 1px solid #383838;margin-right: 30px;min-height: 220px;}
.footNav{margin-bottom: 40px;}
.footNav a{font-size: 14px;color: #fff;padding: 0 13px;border-right: 1px dotted #fff;}
.footNav a:first-child{padding-left: 0;}
.footNav a:last-child{border-right: 0;}
.footContact {line-height: 26px;}
.footContact .footLogo{float: left;margin-right: 30px;padding-right: 30px;border-right: 1px dotted #383838;height: 115px;}
.footLink{line-height:30px;height: 30px; }
.footLink span{font-size: 14px;color: #ffffff;float: left;}
.footLink a{display: block;font-size: 12px;float: left;margin-left: 10px;}
.prolink{width: 188px;display: block;font-size: 12px;float: left;}
.prolink span{font-size: 14px;color: #ffffff;float: left;}
.prolink a{width: 170px;display: block;font-size: 12px;float: left;}
.footpro{width: 210px;}
.footpro span{font-size: 14px;color: #ffffff;display: block;margin-bottom: 10px;}
.footpro a{display: block;font-size: 12px;margin-bottom: 2 px;}
.footer .footRight{width: 215px;text-align: left;}
.footer .footRight p{overflow: hidden;}
.footer .footRight .s1{margin-right: 15px;}
.footer .footRight span{float: left;text-align: center;display: block;font-size: 12px;}
.footer .footRight span img{display: block;}
.footerBox{position: relative;}
.renzheng{width: 428px;float: right;}
.renzheng img{float: left;margin-right: 24px;margin-top: 36px;}


/* 内页公用 */
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:350px;}
.listBanner img{display: block;height: 100%;}
.listWrapper{padding:40px 0 50px 0;overflow:hidden;}
.pageWrapper{padding:40px 0 50px 0;}
.pWrapper{padding-bottom:60px;background:#f0f0f0;overflow:hidden;}
.breadCrumb{height: 50px;line-height: 50px;border-bottom: 1px solid #dadada;background: #fff;}
.breadCrumb p{background: url('/themes/Home/default/Public/images/home_icon.png') no-repeat left center;padding-left: 20px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}
.breadCrumb .back:hover{background:#0072c6;transition:all 0.3s;}
.page-bgColor{background-color: #fff;padding: 30px 20px;}
/* 内页公用菜单 */
.listMenu{padding: 50px 0 0 0;position: relative;}
.listMenu:after{position: absolute;content: "";position: absolute;width: 100%;height: 1px;background-color: #dadada;top: 78%;z-index: -1}
.listMenu .menuWrap{overflow: hidden;text-align: center;font-size: 0;}
.listMenu .menuWrap a{display:inline-block;height: 36px;font-size: 14px;color: #333333;border: 1px solid #d9d9d9;margin-right: -1px;line-height: 36px;transition: all .5s;background-color: #fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding: 0px 12px;}
.listMenu .menuWrap a:hover,.listMenu .menuWrap .current{background-color: #0093dd;border-color: #0093dd;color: #fff;}
.menuSub{text-align:left;margin-top:40px;background: #f4f4f4;padding: 15px 0}
.menuSub a{padding: 0 15px;background: url(/themes/Home/default/Public/images/nav-bg.png) no-repeat right center;}
.menuSub a.current,.menuSub a:hover{color: #0072c6}

/*  案例列表 */
.caseList  li{width: 275px;height: 410px;float: left;margin-right: 30px;margin-bottom: 50px;position: relative;transition: all .5s;}
.caseList  li .cImg{display: block;width: 100%;height: 275px;overflow: hidden;position: absolute;top:0;transition: all .5s;border:1px solid #eee;}
.caseList  li .cImg img{display: block;width: 100%;height: 100%;}
.caseList  .font{ position: absolute;width: 235px;background-color: #fff;
padding: 25px 20px;margin-left: 0px;margin-top: 260px;border: 1px solid #e6e6e6;transition: all  .5s;bottom: 0;z-index: 2;}
.caseList  .font h4{height: 20px;color: #484848;font-size: 16px;font-weight: normal;text-align: center;}
.caseList  .font h4 a{color: #484848}
.caseList  .font  span{overflow: hidden;white-space: nowrap;
text-overflow: ellipsis;display: block;text-align: center;padding-bottom: 20px;
margin-top: 12px;}
.caseList  .font  p{margin: 0 auto;font-size: 13px;line-height: 26px;
width: 70%;text-align: center;margin: 0 auto;height: 50px;color: #949494;overflow: hidden;position: relative;top:0;transition: all .5s;}
.caseList  li .more{display: block;font-size: 12px;color: #666666;position: relative;line-height: 30px;width: 135px;height: 30px;background: url(../image/jt-c.png) no-repeat 30px center;transition: all .5s;position: absolute;left:28%;bottom: 20px;opacity:0;}
.caseList  li .more:before{content: "";position: absolute;border: 1px solid #f2f2f2;transition: all .5s;opacity: 0;width: 120px;height: 30px;left: 0}
.caseList  li:hover .more:before{opacity: 1;border-color: #0093dd;}
.caseList  li:hover .more{padding-left: 30px;background: url(../image/jt-a.png) no-repeat right center;color:#0093dd;bottom: 40px;opacity: 1;}
.caseList  li:hover{box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);}
.caseList  li:hover .cImg{top: -10px;}
.caseList  li:hover .font{bottom: -10px;}
.caseList  li:hover .font p{opacity: 0;top: 10px;}
.caseList  li:hover  h4 a{color: #0676c3}



/*  案例详情 */
/* 案例详情 */
.caseShow{width: 830px;}
.caseShow .title{font-size:18px;color:#303030;margin-bottom:10px;font-weight:normal;text-align: center;}
.caseShow .p1{margin-bottom:25px;text-align:center;color:#999999;border-bottom:1px solid  #e5e5e5;padding-bottom:10px}
.caseShow .p1 span{margin-right:15px;}
.casShow_img{margin-bottom:30px}
.zoombox {width:830px;margin-bottom:35px;text-align:center;margin: 0 auto;}
.zoompic {width:830px;height:; background:url('../image/loading.gif') no-repeat 50% 50%; margin: 0 auto;overflow:hidden;text-align:center;}
.sliderbox {height:82px; overflow:hidden;margin-top:20px;}
.sliderbox .arrow-btn {width:20px;height:70px; background:url('../image/arrow_btn.png') no-repeat;cursor:pointer;margin-top:8px;}
.sliderbox #btn-left { float:left; background-position:0 0; }
.sliderbox #btn-left.dasabled { background-position:-40px 0; }
.sliderbox #btn-right { float:right; background-position:-20px 0; }
.sliderbox #btn-right.dasabled { background-position:-60px 0; }
.sliderbox .slider { float:left; height:82px;width:770px; position:relative;margin-left:10px;overflow:hidden;}
.sliderbox .slider ul {position:absolute;left:0; width:880px; }
.sliderbox .slider li { float:left; width:128px; height:82px;text-align:center; }
.sliderbox .slider li img { border:3px solid #ddd; width:100px; height:76px;}
.sliderbox .slider li.current img { border:3px solid #018bd5; }
.caseShow_font1{margin-top: 30px;}
.caseShow_font1 .title{height:30px;border-bottom:1px solid #e5e5e5;pab}
.caseShow_font1 .title span{float:left;height:30px;width:120px;font-size:16px;line-height:30px;text-align: left;}
.caseShow_font1 .title .on{background:#018bd5;color:#fff;}
.relatedCase{margin-top:30px;}
.relatedTitle{height:40px;line-height:40px;background:#efefef;color:#00a254;font-size:16px;font-weight:normal;margin:20px 0;border-radius: 20px;margin-bottom: 30px;}
.relatedTitle span{width:150px;background:#018bd5;display:inline-block;color:#fff;border-radius: 20px;position: relative;text-align: center;}
.relatedTitle span::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#018bd5;}
.relatedCase {overflow: hidden;}
.relatedCase ul{width: 1250px;}
.relatedCase  li{width: 290px;float: left;height: 193px;overflow: hidden;border-radius: 8px;position: relative;margin-right: 10px;}
.relatedCase  li img{display: block;width: 100%;height: 100%;transition: all 1s;}
.relatedCase  li:hover img{transform:scale(1.2);}
.relatedCase  li span{display: block;position: absolute;left: 0;right: 0;height: 0;text-align: center;font-size: 14px;color: #fff;background: #018bd5;line-height: 40px;transition: all .5s;bottom: 0;}
.relatedCase  li:hover span{height: 40px;}

/* 风采展示 */
.partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.downList{ width:1200px;overflow: hidden;}
.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.downList ul{ width:1240px;}
.settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:190px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}
.settingList ul li img:hover{border:1px solid #0072c6;background:#0072c6;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 荣誉证书 */
.honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.honorList li img{display:block;width:270px;height:203px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.honorList li img:hover{border:1px solid #0072c6;background:;}
.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:90px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/* 精英团队 */
.teamList{width:900px;}
.teamList ul{padding:0 0 20px 0;}
.teamList li{height:245px;margin-bottom:25px;background:#f5f5f5;padding:15px;height:205px;border:3px solid #e2e2e2;border-radius:3px;}

.teamList li .pImg{ width:380px; height:235px; overflow:hidden;margin:-30px 20px 0 -40px;}
.teamList li img{ width:380px; height:235px;}
.teamList li h4{ font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;margin-bottom:15px;}
.teamList li h4 a{color:#333;}
.teamList li h4 a:hover{color:#df2128; }
.teamList li .font{ height: 115px; overflow: hidden;margin-bottom:10px;}
.teamList li .btn a{display:inline-block;height:35px;line-height:35px;border-radius:3px;background:#b11e28;font-size:14px;color:#fff;text-align:center;width:120px;margin-right:15px;}
.teamList li .btn a:hover{background:#8a020b;}


/* 新闻列表 */
.newsList li{border-bottom: 1px solid #eee;padding: 30px 0 30px 0;height: 210px;}
.newsList li a{display: block;width: 100%;height: 100%;transition: all .5s;position: relative;left: 0}
.newsList li .pic{width: 300px;height: 210px;float: left;position: relative;overflow: hidden;}
.newsList li .pic img{width: 100%;height: 100%;}
.newsList li:hover img{transition:all 0.5s;transform:scale(1.2);}
.newsList li .pic .time{position: absolute;width: 110px;height: 60px;right: 0;bottom: 0;background: #666666;color: #fff;font-size: 18px;text-align: center;padding: 10px;transition: all .5s}
.newsList li .pic .time strong{display: block;font-size: 26px;border-top: 1px solid #fff;padding-top: 8px;margin-top: 5px;}
.newsList li .txt{width: 860px;height:170px;padding: 20px ;float: right;}
.newsList li .txt p{padding-bottom: 20px;border-bottom: 1px dotted #dadada;margin-bottom: 30px;}
.newsList li .txt h4{font-size: 18px;font-weight: normal;color:#343434;margin-bottom: 20px;}
.newsList li:hover .txt h4{color: #0072c6}
.newsList li:hover .time{background: #0072c6}
.newsList li .txt .more{background: url(../image/news-link-ico.png) no-repeat left center;padding-left: 25px;}
.newsList li:hover .txt .more{color: #0072c6}
.newsList li:hover{box-shadow: 0 0 60px -10px rgba(0,0,0,.2);}
.newsList li:hover a{left: 20px;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #0676c3;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0676c3;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px; background-color:#f3f3f3; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../image/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li div{display:none;padding:25px  60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(../image/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}



/* 新闻详细样式 */
.articleShow .articleLeft{width: 830px;}
.articleShow .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}
.articleShow .articleLeft h2 span{display: block;float: left;font-size: 14px;color: #999999}
.articleShow .articleLeft .title{font-size: 18px;line-height: 30px;color: #303030;font-weight: normal;margin-bottom: 10px;}
.articleShow .articleLeft .time{margin-right: 15px;}
.articleShow .articleLeft .content{margin-bottom: 60px;}
.articlePage{background: #f5f5f5}
.articleShow  .articlePage .post-prev,.articleShow  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;height: 120px;transition: all .5s;}
.articleShow  .articlePage a{display: block;width: 100%;height: 100%;}
.articleShow  .articlePage .pageImg{width: 120px;height:90px;opacity: 0;transition: all .5s;}
.articleShow  .articlePage .pageImg img{width: 100%;height: 100%;}
.articleShow  .articlePage h5{height: 90px;line-height: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #666;font-weight: normal;position: relative;transition: all .5s;width: 190px;}
.articleShow  .articlePage .post-prev h5{right: 0;text-align: right;}
.articleShow  .articlePage .post-next h5{left: 0;text-align: left;}
.articleShow  .articlePage i{display: block;width: 40px;height:16px;margin-top: 37px;}
.articleShow  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../image/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;}
.articleShow  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../image/pageJt-icoR.png) no-repeat -40px center;transition: all .5s}
.articleShow  .articlePage .post-prev:hover,.articleShow  .articlePage .post-next:hover{background-color: #0077b7}
.articleShow  .articlePage .post-prev:hover .pageImg,.articleShow  .articlePage .post-next:hover .pageImg{opacity: 1;}
.articleShow  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.articleShow  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.articleShow  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.articleShow  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.articleRight{width: 300px;}
.articleRight h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.articleRelate-case{margin-bottom: 20px;}
.articleRelate-case li{padding: 20px 0;border-top: 1px solid #e5e5e5;transition: all .5s;height: 86px;}
.articleRelate-case li a{display: block;width: 100%;height: 100%;transition: all .5s;position: relative;left: 0}
.articleRelate-case li img{display: block;width: 120px;height: 100%;margin-right: 15px;float: left;}
.articleRelate-case li .txt{width: 140px;float: left;color: #888;font-size: 12px;}
.articleRelate-case li h5{width: 136px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;font-size: 14px;height: 30px;line-height: 30px;color: #333;font-weight: normal;}
.articleRelate-case li:hover{box-shadow: 0 0 30px rgba(0,0,0,.1);}
.articleRelate-case li:hover a{left: 15px;}
.articleRelate-case li:hover h5{color: #0077b7}
.articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 10px;}
.articleRelate-news li{height: 136px;line-height: 36px;border-bottom: 1px dotted #e5e5e5;transition: all .5s;}
.articleRelate-news li a{display: block;background: url(../image/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;}
.articleRelate-news li:hover{padding-left: 10px;}
.articleRelate-news li:hover a{color: #0077b7}




/* 人才招聘  */
.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#f1f1f1;margin-top:10px;cursor: pointer;font-size:14px;}
.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../image/iconf.png) no-repeat;cursor:pointer;margin-top:20px;}
.gr-jobs-list dd.on em{background:url(../image/icong.png) no-repeat;}
.gr-jobs-list dd span{display:block;float:left;}
.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;}
.gr-jobs-list dt strong{font-size:14px;}
.gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;}
.gr-apply:hover{background:#0072c6;color:#fff;}

.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{margin:10px 20px 20px;background:#fff;}
.jobsShow .mr{padding-right:20px;}
.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #e50009;}
.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#0072c6;color:#fff;}


.topAdd{ position:absolute; left:270px; top:55px;}
.addBr{ position:relative;}
.addBr:before{ content:""; overflow:hidden; position:absolute; left:50%; top:20px; width:0px; height:0px; margin-top:-6px; margin-left:-6px; border:6px solid transparent; border-top-color:#e00}
.addBr li{ margin:0 10px; font-size:14px; line-height:30px; color:#555;float:left;cursor:pointer;}
.topAddCs,.topAddBr{position:absolute;width:110px;border:1px solid #ddd;background:#fff;z-index:5;text-align:center;font-size:14px;padding:5px 0;top:40px;display:none;z-index:20;left:-20px;}
.topAddCs:before,.topAddBr:before{position: absolute;content: "";top:-16px;left:45px;border:8px solid transparent;border-bottom-color:#ddd;}
.topAddBr{right:-20px;left:auto;}
.topAddCs li,.topAddBr li{float:none;}
.gongyi dl{ width:270px; margin:30px 20px 0 0; text-align:center; float:left;border:solid 2px #eee;padding:10px 5px;}
.gongyi dl:nth-child(4n){ margin-right:0;}
.gongyi dl dt{}
.gongyi dl dt img{ width:170px; height:170px;}
.gongyi dl dd{ padding-top:5px; height:150px;}
.gongyi dl dd h3{}
.gongyi dl dd h3 a{ font-size:16px; line-height:40px; color:#222;}
.gongyi dl dd h3 a:hover{ color:#b11e28; text-decoration:underline;}
.gongyi dl dd p{ font-size:14px; line-height:24px; color:#888;}
.gongyi dl dd h5{}
.gongyi dl dd h5 a{ display:inline-block; font-size:14px; line-height:30px; color:#b11e28; text-decoration:underline;}


/*  产品列表 */
.productList ul{width: 1240px;}
.productList li{width: 298px;border:1px solid #d9d9d9;border-bottom: 0;float: left;margin-right: -1px;}
.productList li a{display: block;width: 100%;height: 100%;position: relative;}
.productList li a:before{content: "";position: absolute;left: -1px;right: -1px;top: -1px;bottom: 0px;border: 1px solid #d9d9d9;border-bottom: 0;opacity: 0;z-index: 1;transition: all .5s;}
.productList li .pic{height: 280px;overflow: hidden;width: 100%;position: relative;}
.productList li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.productList li .pic .cover{position: absolute;left: 4px;right: 4px;top: 4px;bottom: 4px;background: rgba(0,0,0,0.8);color: #e8e9e9;font-size: 12px;line-height: 22px;padding:70% 30px  0;text-align: center;opacity: 0;transition: all .5s;}
.productList li .pic .cover:before{content: "";position: absolute;width: 48px;height: 50px;background: url(../image/view-case.png) no-repeat center center;left: 50%;margin-left: -24px;top: 15%;transition: all .5s;opacity: 0;}
.productList li h4{height: 60px;line-height: 60px;color: #191919;font-weight: normal;text-align: center;background-color: #e5e5e5;transition: all .5s;}
.productList li:hover .pic img{transform:scale(1.2);}
.productList li:hover h4{background-color: #0676c3;color: #fff;}
.productList li a:hover:before{border-color: #0676c3;opacity: 1;}
.productList li:hover .pic .cover{opacity: 1;}
.productList li:hover .pic .cover:before{top: 25%;opacity: 1}
.productList li:hover .pic .cover{padding-top: 55%;}


/*  产品详情*/
.pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;}
.prodPic{width:560px;}
.prodPic .big{width:435px;height:435px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}
.prodPic .big a{width:435px;height:435px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:435px;max-height:398px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../image/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:436px;overflow:hidden;position:relative;float:left;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../image/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:112px;height:370px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:95px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#0676c3;}
.prodPic .list .thumb ul li a.selected em{background:url(/themes/Home/default/Public/images/jt.png) no-repeat}


/* 产品右侧简介样式 */
.proshow_synopsis{background:#f2f2f2; border: 1px solid #d5d5d5;padding: 19px;width:470px;color: #666;font-size: 13px;line-height:30px; height:396px;border-radius:3px;}
.proshow_synopsis .title{font-size:24px; color:#0072c6;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}
.proshow_synopsis strong{color: #333;font-weight: normal; }
.proshow_synopsis .font{line-height:24px;overflow: hidden;height:150px;margin-bottom:15px;}
.prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('../image/p_icon.png') no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#0072c6;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../image/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.proshow_synopsis .btn .a02{background:#0676c3 url(../image/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}
.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}

/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:40px;}
.gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#0072c6;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#0072c6;}

/* 相关产品样式 */
.relatedPro{margin-bottom:30px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#0072c6;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 30px;background:#0072c6;display:inline-block;color:#fff;}
.relatedPro li{float:left;}
.relatedPro ul{ width:1240px; margin-top:20px;}
.relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;}
.relatedPro li a{display:block;width:280px;transition: all .5s;}
.relatedPro li img{width:270px;height:198px;padding:5px;background:#fff;}
.relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro li:hover{border:1px solid #0072c6;}
.relatedPro li a:hover{background:#0072c6;color:#fff;}

/* 采购表单样式 */
.orderBox{padding:25px;width:1140px;background:#f1f1f1;overflow:hidden;margin:0 auto;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:520px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:98px;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:408px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{width:385px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#0676c3;color:#fff;}
.orderBox .table li.areLi{width:570px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:528px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#fff;}

/* 内页留言样式 */
.page-ditu{background: #f5f5f5;height: 400px;}
#dituContent{width:600px;height:400px;float: left;}
.contactFont{overflow:hidden;margin-bottom:30px;float: right;width: 540px;height: 360px;padding: 20px 30px;}
.page-contact-title{ font-size:26px; line-height:50px; color:#333; text-align:center; padding:10px 0 20px;}
.page-contact{}
.page-contact dl{ width:20%; height:210px; float:left; text-align:center; position:relative;}
.page-contact dl:before{ content:""; overflow:hidden; position:absolute; background-color:#eee; left:0px; top:0; height:100%; width:1px;}
.page-contact dl:nth-child(1):before{ width:0;}
.page-contact dl dt{ position:relative; padding-top:120px; font-size:12px; line-height:20px; color:#888;}
.page-contact dl dt span{ width:90px; height:90px; position:absolute; left:50%; top:20px; margin-left:-45px;}
.page-contact dl dd{ font-size:14px; line-height:24px; padding:10px 20px 0;}
.map{ margin-top:60px;overflow:hidden;}
.map .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.map-left{ width:780px; height:560px;}
.map-line{ margin-top:0px;}
.map-line d{ margin:25px 30px 0; background-repeat:no-repeat; background-position:left 8px; padding-left:55px;}
.map-line dl d{ font-size:18px; line-height:30px; color:#eee;}
.map-line dl dd{ font-size:14px; line-height:24px; color:#bbb; padding:5px 0 25px; border-bottom:1px dotted #888;}
.map-line dl:nth-last-child(1) dd{ border:none;}
.map-line dl.map-line-a{ background-image:url(/themes/Home/default/Public/images/icon-cc-a.png);}
.map-line dl.map-line-b{ background-image:url(/themes/Home/default/Public/images/icon-cc-b.png);}
.map-line dl.map-line-c{ background-image:url(/themes/Home/default/Public/images/icon-cc-c.png); background-position:left 3px; }
.feedback{margin-top:50px;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../image/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:380px;top:6px;}
#feedback_form .f2{left:790px;}
#feedback_form .f3{left:auto;right:0;}
#feedback_form .f4{left:380px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#0072c6;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0072c6;}

/*视频列表*/
.videoList ul{width: 1250px;}
.videoList li{width: 380px;height: 355px; margin-right: 28px;position: relative;margin-bottom: 30px;float: left;transition: all .5s;}
.videoList li .pic{display: block;overflow: hidden;position: relative;}
.videoList li img{width: 100%;height: 100%;transition: all .5s;display: block;}
.videoList li:hover img{transform: scale(1.2);}
.videoList li .pic:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:url(../image/videoIco-b.png) no-repeat center center rgba(0,0,0,0.3);opacity: 1;z-index: 2}
.videoList li p{padding:20px 10px ;transition: all .5s;position: relative;left: 0}
.videoList li p .tit{font-size: 16px;color: #333333;display: block;}
.videoList li p .time{font-size: 14px;color: #999999;display: block;}
.videoList li:after{content: "";position: absolute;width: 0;left:50%;height: 2px;background-color: #0676c3;transition: all .5s;bottom: 0px;}
.videoList li:hover:after{width: 100%;left: 0}
.videoList li:hover{box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.videoList li:hover p{left: 15px;}